*{
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
body{
background-color: lightsalmon;
}
#container {
position: relative;
}
#ball {
width: 20px;
height: 20px;
background-color: red;
position: fixed;
top: 20px;
left: 52.5%;
border-radius: 50%;
box-shadow: 0px 0px 5px 4px rgb(248, 68, 68);
}
#rod1, #rod2 {
width: 200px;
height: 20px;
position: fixed;
left: 50%;
border-radius: 25px;
text-align: center;
color: white;
font-weight: bold;
}
#rod1 {
background-color: blue;
top: 0px;
box-shadow: 0px 0px 10px 7px rgb(8, 8, 248);
}
#rod2 {
background-color: blueviolet;
bottom: 0px;
box-shadow: 0px 0px 10px 3px rgb(146, 61, 226);
}
#rules{
margin: 10% auto;
position: relative;
width: 280px;
background-color: rgb(252, 217, 239);
padding: 1px 15px;
box-shadow: 7px 12px 35px 4px rgb(163, 136, 156);
}
#rules p{
font-size: 1.2rem;
font-weight: 500;
background-color: transparent;
}
#rules h2{
background-color: transparent;
}